
@include('Home.head')
<style>
	.am-header-title a{
		color: #ffffff;
	}
	.am-navbar-nav a .am-navbar-label{
		font-size: 14px;
		margin-top: 6px;
	}
	.am-navbar{
		height: 60px;
	}
	a.count {
	    position: absolute;
	    top: 0;
	    right: 15px;
	    color: #fff !important;
	    background: #29B58D;
	    font-size: 11px !important;
	}
	
	.div_img {
	    position: fixed;
	    z-index: 999;
	    top: 0;
	    background: #00000054;
	    width: 100%;
	    height: 100%;
	}
	
	.div_img > div {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 400px
	}
	
	.operation .am-table > tbody > tr > td > a {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    font-size: 14px;
	    padding: 0 0 30px;
	    color: #232323;
	}
	
	.sxy-footer a.footer-active .am-navbar-label {
	    color: #DC5E61 !important;
	}
	
	.nickname {
	    font-size: 18px;
	    font-weight: bold;
	    line-height: 31px;
	    color: rgba(51, 51, 51, 1);
	    opacity: 1;
	}
	
	.nickname-id {
	    height: 94px
	}
	
	.am-avg-sm-2 {
	    position: absolute;
	    top: 90px;
	    left: 115px;
	    margin-top: 0 !important;
	}
	
	.userInfo-money ul.money {
	    padding: 10px 0 0
	}
	
	.id {
	    font-size: 12px !important;
	    font-weight: 400;
	    line-height: 20px;
	    color: rgba(167, 174, 191, 1);
	    opacity: 1;
	}
	
	.module.module-margin {
	    padding: 30px 0 30px;
	    margin-bottom: 10px;
	    margin: 0 0 10px;
	    background: white;
	}
	
	 .module1.module-margin1 {
	     padding: 30px 0 30px;
	     margin-bottom: 10px;
	     margin: 0 0 10px;
	     /* background: white; */
	 }
	 
	img {
	    width: 20px;
	}
	
	#jianglibi {
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 30px;
	    color: rgba(43, 141, 255, 1);
	    opacity: 1;
	}
	
	.jianglibi {
	    width: 95px;
	    background: linear-gradient(90deg, rgba(43, 141, 255, 1) 0%, rgba(82, 160, 250, 1) 100%);
	    box-shadow: 0px 3px 6px rgba(43, 141, 255, 0.4);
	    opacity: 1;
	    border-radius: 9px;
	    font-size: 10px;
	    font-weight: 400;
	    line-height: 20px;
	    color: rgba(255, 255, 255, 1);
	    opacity: 1;
	}
	
	#huabi {
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 30px;
	    color: rgba(255, 119, 103, 1);
	    opacity: 1;
	}
	
	.huabi {
	    align-items: center;
	    width: 55px;
	    background: linear-gradient(90deg, rgba(255, 119, 103, 1) 0%, rgba(247, 135, 122, 1) 100%);
	    box-shadow: 0px 3px 6px rgba(255, 119, 103, 0.4);
	    opacity: 1;
	    border-radius: 20px;
	    font-size: 14px;
	    font-weight: 400;
	    line-height: 20px;
	    color: rgba(255, 255, 255, 1);
	    opacity: 1;
	}
	
	.am-avg-sm-2 > li {
	    width: -webkit-fill-available;
	}
	
	.userInfo-money .userInfo .userInfo-head > img {
	    width: 80px;
	    height: 80px;
	    border-radius: 50%;
	    border: 1px solid #eee;
	    margin-right: 20px;
	}
	
	.operation .am-table > tbody > tr > td span {
	    margin-top: 6px;
	    font-size: 12px;
	    font-weight: 400;
	    line-height: 20px;
	    color: rgba(51, 51, 51, 1);
	    opacity: 1;
	}
	
	.operation .am-table > tbody > tr > td {
	    height: 20px;
	}
	
	.work_time {
	    font-size: 12px;
	    font-weight: 400;
	    line-height: 20px;
	    color: rgba(112, 112, 112, 1);
	    opacity: 1;
	    padding: 15px;
	}
	
	.footer_img {
	    width: 40px;
	    position: absolute;
	    top: 38%;
	    transform: translate(0, -50%);
	}
	
	.work_text, .work_img {
	    display: inline-block;
	    padding-bottom: 10px;
	}
	
	.work_text {
	    padding-left: 55px;
	}
	
	.work_name {
	    font-size: 12px;
	    font-weight: 400;
	    line-height: 20px;
	    color: rgba(167, 174, 191, 1);
	    opacity: 1;
	    /* border-bottom: 1px solid rgb(244, 244, 244); */
	    padding-bottom: 5px;
	}
	
	.work_ts {
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 21px;
	    color: rgba(51, 51, 51, 1);
	    opacity: 1;
	}
	
	.div_work {
	    position: relative;
	    margin: 0px 0px;
		padding: 20px;
		margin-top: 10px;
	}
	
	.forter {
	    padding: 9px 0 1px;
	}
	
	.work_ts > img {
	    width: 14px;
	    margin: 0 6px 0 0;
	}
	
	#section {
	    padding: 10px 0 0
	}
	
	.mrqd {
	    position: absolute;
	    top: 34px;
	    right: 16px;
	    color: #555;
	    font-size: 10px;
	    text-align: -webkit-center;
	    line-height: 12px;
	
	}
	
	.van-calendar__popup.van-popup--bottom, .van-calendar__popup.van-popup--top {
	    height: 65% !important;
	    z-index: 2926 !important;
	    top: 20% !important;
	    border-radius: 15px !important;
	    margin: 0 15px !important;
	    width: -webkit-fill-available !important;
	}
	
	.van-calendar__footer {
	    padding: 8px 50px 8px !important;
	}
	
	.van-toast--html, .van-toast--text {
	    z-index: 9999 !important;
	}
	
	.popp_div {
	    z-index: 9999;
	    position: fixed;
	    height: 100%;
	    width: 100%;
	    top: 0;
	    background: #15151561;
	    text-align: -webkit-center;
	    padding: 100px 30px;
	}
	
	.goods_ {
	    margin-bottom: 15px;
	    position: relative;
	}
	
	.goods_0 {
	    height: 234px;
	    background: white;
	    width: 90%;
	    padding: 11px 25px 25px;
	    border-radius: 0 0 10px 10px;
	}
	
	.goods_1 {
	    width: 100px;
	    height: 100px;
	}
	
	.goods_2 {
	
	}
	
	.goods_3 {
	    height: 40px;
	    background: linear-gradient(180deg, rgba(131, 188, 255, 1) 0%, rgba(43, 141, 255, 1) 100%);
	    box-shadow: 0px 3px 6px rgba(136, 191, 255, 0.5);
	    opacity: 1;
	    border-radius: 27px;
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 40px;
	    color: rgba(255, 255, 255, 1);
	    opacity: 1;
	}
	
	.goods_1 > .goods_img {
	    width: 90%;
	    height: 90%;
	    box-shadow: 0px 1px 10px 0px #ddd;
	    border-radius: 10px;
	}
	
	.goods_img {
	    width: 100%
	}
	
	.goods_price {
	    font-size: 12px;
	    font-weight: 500;
	    line-height: 32px;
	    color: rgba(255, 23, 0, 1);
	    opacity: 1;
	}
	
	.goods_name {
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 21px;
	    color: rgba(51, 51, 51, 1);
	    opacity: 1;
	}
	
	.goods_tian {
	    position: absolute;
	    top: 60px;
	    left: 50%;
	    transform: translate(-50%, 0px);
	}
	
	.goods_tian1 {
	    font-size: 20px;
	    font-weight: 500;
	    line-height: 34px;
	    color: rgba(43, 141, 255, 1);
	    opacity: 1;
	}
	
	.goods_tian2 {
	    font-size: 14px;
	    font-weight: 500;
	    line-height: 21px;
	    color: rgba(51, 51, 51, 1);
	    opacity: 1;
	}
	
	.goods_tian2 > span {
	    font-size: 18px;
	    font-weight: 500;
	    line-height: 21px;
	    color: rgba(43, 141, 255, 1);
	    opacity: 1;
	}
	
	.van-calendar__top-info {
	    color: #1989fa;
	}
	
	.am-navbar {
	    opacity: 0.9 !important;
	}
	
	.van-calendar__selected-day {
	    width: 20px !important;
	    height: 20px !important
	}
	
	.p {
	    padding: 0 15px 10px;
	    border-bottom: 1px solid rgba(167, 174, 191, 0.1);
	    margin-bottom: 15px;
	    font-size: 14px;
	    font-weight: 500;
	    color: rgba(51, 51, 51, 1);
	    opacity: 1;
	}
	
	.div_show {
	    position: fixed;
	    z-index: 999;
	    top: 0;
	    background: #00000054;
	    width: 100%;
	    height: 100%;
	}
	
	.van-cell {
	    padding: 0px;
	}
	
	.van-cell__right-icon {
	    display: none !important;
	}
	
	.choseP {
	    font-size: 18px;
	    margin-top: 20px;
	    margin-bottom: 30px;
	    font-weight: 500;
	    line-height: 31px;
	    color: rgba(51, 51, 51, 1);
	    opacity: 1;
	    color: #333
	}
	
	.chosebtn1 {
	    position: relative;
	    margin: 0 auto;
	    margin-top: 20px;
	    width: 90%;
	    padding: 0px !important;
	    height: 90px;
	    background-image: url(http://qiniu.baoliy168.com/b7b76aaab9da213eecf1f57f717278b.png);
	    background-size: cover;
	    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);
	    opacity: 1;
	    border-radius: 6px;
	}
	
	.chosebtn2 {
	    position: relative;
	    margin: 0 auto;
	    margin-top: 20px;
	    width: 90%;;
	    padding: 0px !important;
	    height: 90px;
	    background-image: url(http://qiniu.baoliy168.com/6ebe6c2a8b57a6a9f87d0c0cfc83531.png);
	    background-size: cover;
	    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0);
	    opacity: 1;
	    border-radius: 6px
	}
	
	.chosebtn1, .chosebtn2 p {
	    padding: 0px
	}
	#levelId {
	    font-size: 12px;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow:ellipsis;
	}
	
    .row {margin-bottom: .25rem;}
    .row > .cell-6 {
        width: 50%;
        padding: 2px 5px 5px 5px;
    }
    .row, .column {

        display: flex;
        margin: -.25rem -.25rem 0;
        margin-bottom: 0px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }

    .row, .column {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: -.25rem -.25rem 0;
        margin-bottom: 0px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
    }

    .wai {
        background-color: rgba(48,149,244,1.00);
        color: #000;
        text-align: center;
        border-radius: 5px;
        height: 75px;
        line-height: 25px;
        padding-top: 15px;
        background-image: url('/img/home/user/bg_2.png');
        background-size: cover;
        background-size: 100%;
    }

    .wai b {font-size:20px;color:red;}




    .am-btn.am-radius {
        border-radius: 2px;
        height: 100px;
        line-height: 75px;
        font-size: 20px;
    }
</style>
<body>
<div class="container" id="app" style="background-color: #f7f8f8;">
    @include('Home.member.header')
    <div class="am-cf cart-panel">
	
	<section class="forter" style="margin: 10px 15px;border-radius: 10px;">
	
	
	<a >
	    <div class="div_work" style="background: linear-gradient(RGB(255,238,221), #FFFFFF);border-radius: 10px;">
	        <div class="work_img">
	            <img class="footer_img" src="http://qiniu.baoliy168.com/27d961f7c320c23f2a58da60847.png" alt="">
	        </div>
	        <div class="work_text">
	
	            <div class="work_ts">充值热线</div>
	            <div class="work_ts"><img src="http://qiniu.baoliy168.com/6247f969ab5edeee0f3d0c9bd4641ed.png"
	                                      alt=""><img
	                        src="http://qiniu.baoliy168.com/df65329d1b24047cc281cec8f80ec15.png" alt="">@{{MemberList.day_times}}
	            </div>
	            <div class="work_name">工作时间：周一至周五（早上8:30-17：00）</div>
	        </div>
	
	    </div>
	</a>
	
	<a >
	    <div class="div_work" style="background: linear-gradient(RGB(234,247,255), #FFFFFF);border-radius: 10px;margin-top: 15px;">
	        <div class="work_img">
	            <img class="footer_img" src="http://qiniu.baoliy168.com/81e294957a68649303a9d620943459f.png" alt="">
	        </div>
	        <div class="work_text">
	            <div class="work_ts">售后热线</div>
	            <div class="work_ts"><img src="http://qiniu.baoliy168.com/6247f969ab5edeee0f3d0c9bd4641ed.png"
	                                      alt=""><img
	                        src="http://qiniu.baoliy168.com/df65329d1b24047cc281cec8f80ec15.png" alt="">@{{MemberList.day_probability}}
	            </div>
	            <div class="work_name">工作时间：周一至周五（早上8:30-17：00）</div>
	        </div>
	    </div>
		</a>
		
		<div style="margin-top: 15px;display: flex;justify-content: center;align-items: center;">
			<img style="width: 220px;height: 220px;" src="https://bfqiniu.baoliy168.com/6ae96e5f948f8e936c9748b98408621.jpg" />
		</div>
	</section>

    </div>

    @include('Home.foot')
</div>
</body>
<script>
    var app = new Vue({
        el: "#app",
        data: {
            title: '客服中心',
            MemberList:[]
        },
        methods: {
            //初始化 系统管理员列表
            initialize: function () {
                $.post("/admin/system/system", {'_token': '{{csrf_token()}}',class:'select'}, function (res) {
                    if (res.code) {
                        app.MemberList = res.data;
                    } else {
                        layer.msg(res.data,{icon:7});
                    }
                });
            },

            zshops:function(e){
                // console.log(e);
                // location.href = '/home/member/financeDetail?type='+e;
                $.post("/admin/system/system", {'_token': '{{csrf_token()}}',class:'select'}, function (res) {
                    if (res.code) {
                        app.MemberList = res.data;
                    } else {
                        layer.msg(res.data,{icon:7});
                    }
                });
            },
			 zshop1:function(){
				 location.href = '/home/member/agent'
				 },
			zshop2:function(){
				location.href = '/home/timeShop/total'
				 }
        },
        //自动执行
        mounted: function () {
            this.initialize();
        },
    })
</script>

</html>
